<template>
	<view class="item">
		<view class="bg-white press-down-active" style="padding: 5px 10px; margin-bottom: 10px; border-radius: 4px;">
			<view class="Media">
				<view class="Media-body text-xs" style="padding: 0 10px;">
					<view class="Grid">
						<view style="margin-bottom: 10px;">{{status[info.reason_type]}}</view>
						<view class="Grid-cell text-right" :style="{color: info.change_type == '+' ? '#5ac725' : '#f56c6c'}">{{info.change_type}}&yen;{{info.change_num}}</view>
					</view>
					<view class="Grid">
						<view>{{info.create_time}}</view>
						<view class="Grid-cell text-right">余额：&yen;{{info.new_num}}</view>
					</view>
				</view>
			</view>
		</view>
	</view>
</template>

<script>
	import {
		parseQuery
	} from '@/utils/index.js'
	
	const {
		appid
	} = parseQuery()
	
	export default {
		name: 'item',
		props: {
			info: {
				type: Object,
				default: () => ({})
			}
		},
		computed: {

		},
		data() {
			return {
				status: {
					1: '充值',
					2: '赠送',
					3: '消费',
					4: '退款'
				}
			}
		},
		methods: {
			
		}
	}
</script>

<style lang="scss" scoped>
	.item {
		padding: 0 10px;
	}
</style>